<%-- 
    Document   : registroColaborador
    Created on : Apr 7, 2012, 9:10:10 PM
    Author     : Eol
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Registro - Colaborador</title>
<link href="Estilos/css/bootstrap.css" rel="stylesheet">

<style type="text/css" media="screen">
  #fondo {
            height: 400px;  
            margin: auto;
            background: -webkit-gradient(linear, 0 0, 0 100%, from(#f18b01),  to(#ffffff));
        }
</style>

</head>

<body>

	<div id="fondo" class="container" style="width: auto;">
		<table style="position:absolute;top:15px;left:200px">
   		<tr>
    		<td style="position:absolute;top:20px;left:0px">
    			<div class="row">
      				<img src="http://placehold.it/189x93" alt="">
    			</div>
    		</td>
    		<td style="position:absolute;top:20px;left:189px">
      			<div class="row">  
         			<img src="http://placehold.it/715x93" alt="">
     			</div>
     		</td>
    	</tr>  
    	<tr>
       		<td style="position:absolute;top:120px;left:-40px">
				<div class="span12">
        		<div class="hero-unit">
                	<h3>Has sido invitado por gerente>> para que hagas parte del proyecto</h3>
                	<br/>
					<h4>Registrate para comenzar:</h4>
					<br/>
	            	<form href="principal.jsp" method="post">
					<br/>
	            	Correo Electronico:
	            	<input name="user" type="text" data-provide="typeahead">
	            	<br/>
	            	&nbsp
					&nbsp
					&nbsp
					&nbsp
					&nbsp
					Contrase&ntilde;a:
	            	<input name="password" type="password" data-provide="typeahead">
               		<p>
					<h6>Seras vinculado con la siguiente cuenta de correo:</h6>
					<br/>
					<a href="#" class="btn btn-warning " type="submit" style="position:absolute;left:250px">Registrar </a>
              		<a href="#" class="btn btn-info " type="submit" style="position:absolute;left:330px">Limpiar </a>
                    </form>
              	</div>
				</div>
       		</td>
    	</tr>
  		</table>
        
  	<script src="Estilos/js/jquery.js"></script>
	<script src="Estilos/js/bootstrap.js"></script>
  	</div>
    
</body>

</html>